iT邦幫忙

2022 iThome 鐵人賽

DAY 29
0
Modern Web

從0開始系列 第 29

從0開始爬 – 實作(4)

  • 分享至 

  • xImage
  •  

終於寫完了!但是目前只能在自己的電腦上看到而已,假如想變成像http一樣的專屬網址,要把電腦裡的網站push到網路上/images/emoticon/emoticon49.gif


申請網路空間有3種

  1. 自行架設伺服器 : 向HiNet租用專線,把電腦變成伺服器。然後花錢請人管理伺服器和買防火牆。租專線也要付錢。

  2. 租用虛擬主機 : 向業者們租用虛擬主機,也就是「主機代管」。跟上一個比,只需要花租用的錢喔~。

  3. 免費申請網路空間 : 就是跟業者申請免費的

那因為我沒有錢,所以我選免費的^^
GitHub Pages


  1. 首先有一個GitHub帳號

  2. 新建專案
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919gEgxtx3KU0.png

  3. 一些無關緊要的設定
    https://ithelp.ithome.com.tw/upload/images/20221014/2015191967wHexASPq.png

    接下來確定創建
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919rV9qlUyePf.png

  4. 上傳檔案
    https://ithelp.ithome.com.tw/upload/images/20221014/201519198UqxQn7Wp3.png
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919gkY6LOvq3K.png

    連圖片也要上傳喔
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919u3nXQkHiuj.png

    按下 commit
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919ppPMY9t7Yw.png

    所有的更動後都必須按下commit

  5. 上傳完畢之後就是要記得去申請
    到settings 按Pages
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919BM5NRInrxD.png

    再改一下設定
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919AQXieLfsGg.png

    記得按旁邊的save喔

  6. 接下來就有網址啦
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919GoZByNa5FA.png

  7. 點開刷新10分鐘,如果還是404代表跟我一樣都錯啦
    就是我們的檔案裡沒有 index.html 這個檔案,然而GitHub需要讀取的就是index
    所以需要把首頁檔名改成index 就可以了
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919fRvu1liOe0.png

    改丸一樣還是要commit
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919kzrya9kpDH.png

  8. 等個幾分鐘就好了

  9. 但是我還出現一個問題,就是圖片跑不出來
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919Hh7Y6qcQln.png

    那是因為路徑沒改
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919Cdg0LUy5a2.png

    把click以前都刪掉就可以啦
    https://ithelp.ithome.com.tw/upload/images/20221014/20151919DuhINogbBY.png

  10. 結束
    /images/emoticon/emoticon50.gif


在這裡!
https://hsiuuying.github.io/IThome/


上一篇
從0開始爬 - 實作(3)、補充<figure>
下一篇
完賽心得
系列文
從0開始30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言